<template>
	<view class="content-box">
		<view class="content-header">
			<view class="paymentsuccess">
				支付成功
			</view>
			<view class="price">
				￥{{money}}
			</view>
			<view class="name">
				你家的小商店
			</view>
			<view class="way-box">
				<view class="way">
					交易方式
				</view>
				<view class="way-method">
					账户余额
				</view>
			</view>
		</view>
		<u-button type="primary" size="large" text="完成" color="rgb(255,102,102)" @click="tttttt"></u-button>
	</view>
</template>

<script>
	export default {
		onLoad(e) {
			this.money=e.money
		},
		data() {
			return {
				money:""
			}
		},
		methods: {
			tttttt(){
				uni.switchTab({
					url: '/pages/trade/show',
				})
			}	
		}
	}
</script>

<style>
	.content-box {
		    display: flex;
		    justify-content: space-between;
		    align-items: center;
		    width: 100%;
		    height: 1624rpx;
		    flex-direction: column;
	}
	.content-header {
		width: 100%;
		height: 800rpx;
		background: linear-gradient(to bottom, #ff4d4d, #ff8080);
		border-bottom-left-radius: 50% 20%;
		border-bottom-right-radius: 50% 20%;
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		padding: 20rpx;
		box-shadow: 0 10rpx 20rpx rgba(0, 0, 0, 0.1);
	}
	.paymentsuccess {
		font-size: 50rpx;
		color: #fff;
		margin-bottom: 20rpx;
	}
	.price {
		font-size: 70rpx;
		color: #fff;
		margin-bottom: 20rpx;
		font-weight: bold;
	}
	.name {
		font-size: 40rpx;
		color: #fff;
		margin-bottom: 20rpx;
	}
	.way-box {
		width: 100%;
		display: flex;
		justify-content: space-evenly;
		padding: 0 20rpx;
		margin-top: 20rpx;
	}
	.way {
		font-size: 40rpx;
		color: #fff;
	}
	.way-method {
		font-size: 40rpx;
		color: #fff;
	}
</style>